/*

	Project        : Twitter in Turkey
	Tested	       : Firefox, Chrome, IE(8-9-10), Safari, Opera
	Versiyon       : 1.0

	CSS INTRODUCTION
	1.	CSS FIXED
	2.	SITE
	3.	SITE

*/

/*-----------------------------------------------------------------------------------*/
/*	1.	CSS FIXED
/*-----------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
*{margin:0; padding:0;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input,textarea,select {outline:0;}
button{cursor:pointer;}
input[type="submit"]{cursor:pointer;}

/*-----------------------------------------------------------------------------------*/
/*	2.	SITE
/*-----------------------------------------------------------------------------------*/
.divImg {float: left;margin: 2px 0 5px 110px;}
.twitterTab h3 {background:#fff; color: #0000FF;float: left;margin: 0;padding: 0;text-align: center;width: 100%;}
.twitterTab p {background:#fff;float: left;font-size: 12px;text-align: center;width: 100%;}
.solKontrol {background-color: rgba(192, 192, 192, 0.8);height: 100%;left: 0;position: absolute;top: 0;width: 300px;z-index: 1;}
.logo {border-bottom: 1px solid #CCCCCC;color: #FFFFFF;font-family: 'Open Sans' !important;font-size: 25px;font-style: italic;font-weight: 800;line-height: 50px;text-align: center;width: 100%;}
.inputAlan input {border: 1px solid #CCCCCC;color: #999999;float: left;font-family: 'Open Sans' !important;height: 30px;margin: 0 0 5px;padding: 3px;text-align: center;width: 255px;}
.inputAlan {float: left;margin: 20px 0 0 20px;width: 100%;}
.ttechLab {background: none repeat scroll 0 0 #CCCCCC;bottom: 0;float: left;position: fixed;width: 300px;}
.ttechLab img {float: left;margin: 5px 0 0 80px;}
.buttonType {float: left;width: 100%;}
.buttonType button {cursor:pointer;background: none repeat scroll 0 0 #cc0000;border: 1px solid #666666;color: #EEEEEE;float: left;font-size: 12px;height: 20px;margin: 0 0 0 15px;width: 125px;}
.buttonType h3 {border-bottom: 1px solid #999999;color: #222222;font-family: 'Open Sans' !important;font-size: 16px;line-height: 25px;text-align: center;width: 100%;}


/*-----------------------------------------------------------------------------------*/
/*	3.	TWEET DESIGN
/*-----------------------------------------------------------------------------------*/
html, body, #map-canvas { height: 100%; margin: 0; }
.twitterTab
{
    position: relative;
    width: 289px;
    height: 141px;
    padding: 4px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: #7F9FD9 solid 2px;
    overflow: hidden;
}

.twitterTab:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 22px 19px 22px 0;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    left: -19px;
    top: 32px;
}

.twitterTab:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 23px 20px 23px 0;
    border-color: transparent #7F9FD9;
    display: block;
    width: 0;
    z-index: 0;
    left: -22px;
    top: 31px;
}

#container{display:none;bottom: 0;height: 400px;margin: 0 auto;position: absolute;right: 0;width: 300px;z-index: 1;background-color: rgba(0, 0, 0, 0.6);background: rgba(0, 0, 0, 0.6);}
.headerMap{width:100%;height:40px;background:#000;z-index:2;top:0;left:0;position:absolute;background-color: rgba(0, 0, 0, 0.6);background: rgba(0, 0, 0, 0.6);}
.headerMap img {float: left;}
.headerMap h1 {color: #FFFFFF;font: bold 27px Trebuchet MS;text-align: left;text-indent: 5px;}
.toggleBar {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #DDDDDD;float: left;height: 120px;position: absolute;right: 300px;top: 150px;width: 30px;}
.highcharts-legend-item span {
    width:100%! important;
    text-align:right! important;
}